<style lang="scss" scoped>
  @import '@/assets/css/variable';
  .introduce{
    .introduce-title-text {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.1rem;
        .title-text {
          display: flex;
          align-items: center;
        }
        span {
            color: blue;
        }
    }
  }
</style>

<template>
    <div class="introduce padding-all-l margT-l">
      
      <h3 class="introduce-title-text">
        <div @click="radioClick" class="title-text">
          <van-checkbox v-model="checked" icon-size="1.2rem"></van-checkbox>
          <i style="margin-left: .5rem" >创建活动即表示你已同意</i>
        </div>
        <span @click="protocolClick" :style="{color:$store.getters.getMasterColor}">《用户协议》</span>
      </h3>
    </div>
</template> 
<script>
// import VueUeditorWrap from 'vue-ueditor-wrap';
import { Checkbox, CheckboxGroup } from 'vant'
//注册子组件
export default {
  name: "ProtocolText",
  components: {
    [Checkbox.name]: Checkbox,
    [CheckboxGroup.name]: CheckboxGroup,
  },
  props: {
  },
  computed: {
   
  },
  data() {
    return {
      checked: false,
    }
  },
  created () {
    
  },
  methods: {
    protocolClick() {
      this.$emit('protocolClick')
    },
    radioClick() {
      this.checked = !this.checked
      this.$emit('radioClick', this.checked)
    }
  }
};
</script>